﻿<!-- HEADER -->
<header id="header">
    <div id="logo-group">
        <!-- PLACE YOUR LOGO HERE -->
        <span id="logo">
            <img src="Content/themes/smart/img/logo.png" alt="SmartAdmin">
        </span>
        <!-- END LOGO PLACEHOLDER -->
    </div>

    <!-- pulled right: nav area -->
    <div class="pull-right">
        <!-- collapse menu button -->
        <div id="hide-menu" class="btn-header pull-right">
            <span>
                <close-sidebar></close-sidebar>
            </span>
        </div>
        <!-- end collapse menu -->
        <!-- logout button -->
        <div id="logout" class="btn-header transparent pull-right">
            <span>
                <smart-alert iconclass="fa fa-sign-out" type="logout" title="{{username}}" text="You can improve your security further after logging out by closing this opened browser" />
                <!--<a href="#" ng-click="signout()" title="Sign Out" confirm-box><i class="fa fa-sign-out"></i></a>-->
            </span>
        </div>
        <!-- end logout button -->
        <span blink="taskCount.blink" class="header-bar-go-to pull-right" ng-click="goToTask()"><i class="fa fa-inbox"></i><b class="badge bounceIn animated">{{taskCount.total}} </b></span>
        <span blink="topicCount.blink" class="header-bar-go-to pull-right" ng-click="goToHome()"><i class="fa fa-comments"></i><b class="badge bounceIn animated">{{topicCount.total}} </b></span>
    </div>
    <!-- end pulled right: nav area -->

</header>
<!-- END HEADER -->
